.info-button {
  position: relative;
  display: inline-flex;

  summary {
    padding: 0;
    margin-inline-start: 0.5rem;

    &::before {
      transform: none;
      margin: 0;
      mask-image: url(~resources/icons/questionmark.svg);
      -webkit-mask-image: url(~resources/icons/questionmark.svg);
    }
  }
  > div {
    position: absolute;
    padding: 0.5rem;
    margin-top: 0.25rem;
    min-width: 50ch;
  }
}
